<template>
  <div>
    <div class="header-wrapper">
      <div class="topbar">
        <input
          class="sousuo"
          type="text"
          placeholder="搜索上千家企业面试题库"
        />
      </div>
      <!-- 热门搜索 -->
      <div class="hot">
        <span>热门搜索:</span>
        <ul class="one">
          <li>
            <img src="./images/douyin.png" alt="" /><a href="javascript:;"
              >抖音</a
            >
          </li>
          <li>
            <img src="./images/bloom.jpg" alt="" /><a href="javascript:;"
              >彭博 Bloomberg</a
            >
          </li>
          <li>
            <img src="./images/amazon.png" alt="" /><a href="javascript:;"
              >亚马逊</a
            >
          </li>
          <li>
            <img src="./images/huawei.png" alt="" /><a href="javascript:;"
              >华为</a
            >
          </li>
          <li>
            <img src="./images/baidu.jpg" alt="" /><a href="javascript:;"
              >百度</a
            >
          </li>
          <li>
            <img src="./images/yidong.png" alt="" /><a href="javascript:;"
              >中国移动</a
            >
          </li>
          <li>
            <img src="./images/byte.png" alt="" /><a href="javascript:;"
              >字节跳动</a
            >
          </li>
        </ul>
        <ul class="two">
          <li>
            <img src="./images/xingye.jpg" alt="" /><a href="javascript:;"
              >兴业银行</a
            >
          </li>
          <li>
            <img src="./images/gongshang.png" alt="" /><a href="javascript:;"
              >中国工商银行</a
            >
          </li>
          <li>
            <img src="./images/redbook.png" alt="" /><a href="javascript:;"
              >小红书</a
            >
          </li>
          <li>
            <img src="./images/kuluo.jpg" alt="" /><a href="javascript:;"
              >库洛游戏</a
            >
          </li>
          <li>
            <img src="./images/jp.jpg" alt="" /><a href="javascript:;"
              >JP Morgan 摩根大通</a
            >
          </li>
        </ul>
      </div>
      <div class="bar">
        <div class="left">
          <div class="qiye"><a href="javascript:;">热门企业</a></div>
          <div class="sudi"><a href="javascript:;">职位速递</a></div>
          <div class="jilu"><a href="javascript:;">模拟记录</a></div>
        </div>
        <div class="zhanshi"><a href="javascript:;">+ 展示我的企业</a></div>
      </div>
    </div>
    <div class="body-wrapper">
      <div class="show">
        <a href="javascript:;"><img src="./images/show1.webp" alt="" /></a>
        <a href="javascript:;"><img src="./images/show2.webp" alt="" /></a>
      </div>
      <div class="hots">
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot1.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>字节跳动</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 62.44%</span></div>
            <div class="qiye">
              <svg
                t="1665065763530"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="859"
                width="16"
                height="16"
              >
                <path
                  d="M512.4 957c-45.2 0-89.8-13.2-125-39.4l-178-132.8c-47.2-35.2-84-108.8-84-167.2V309.8c0-63.8 46.8-131.6 106.8-154l206.4-77.4c41-15.4 105.6-15.4 146.4 0l206.4 77.4c60 22.4 106.8 90.2 106.8 154v307.4c0 58.8-36.8 132-84 167.2l-178 132.8c-34 26.6-78.6 39.8-123.8 39.8zM460.6 136.8l-206.4 77.4c-35.2 13.2-66.2 58-66.2 96v307.4c0 39.4 27.8 94.4 58.8 117.6l178 132.8c47.6 35.6 127.8 35.6 175.8 0l178-132.8c31.4-23.6 58.8-78.2 58.8-117.6V309.8c0-37.6-31-82.4-66.2-96L564.6 136.4c-28.2-10-76.2-10-104 0.4z"
                  fill="#8cb581"
                  p-id="860"
                ></path>
                <path
                  d="M457 604c-7.8 0-15.8-2.8-22-9.2l-66.6-66.6c-12-12-12-31.8 0-43.8 12-12 31.8-12 43.8 0l44.6 44.6 156-156c12-12 31.8-12 43.8 0 12 12 12 31.8 0 43.8l-178 178c-6 6.4-13.8 9.2-21.6 9.2z"
                  fill="#8cb581"
                  p-id="861"
                ></path></svg
              >企业
            </div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot2.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>华为</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 61.06%</span></div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot3.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>微软 Microsoft</strong
              ><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 70.16%</span></div>
            <div class="qiye">
              <svg
                t="1665065763530"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="859"
                width="16"
                height="16"
              >
                <path
                  d="M512.4 957c-45.2 0-89.8-13.2-125-39.4l-178-132.8c-47.2-35.2-84-108.8-84-167.2V309.8c0-63.8 46.8-131.6 106.8-154l206.4-77.4c41-15.4 105.6-15.4 146.4 0l206.4 77.4c60 22.4 106.8 90.2 106.8 154v307.4c0 58.8-36.8 132-84 167.2l-178 132.8c-34 26.6-78.6 39.8-123.8 39.8zM460.6 136.8l-206.4 77.4c-35.2 13.2-66.2 58-66.2 96v307.4c0 39.4 27.8 94.4 58.8 117.6l178 132.8c47.6 35.6 127.8 35.6 175.8 0l178-132.8c31.4-23.6 58.8-78.2 58.8-117.6V309.8c0-37.6-31-82.4-66.2-96L564.6 136.4c-28.2-10-76.2-10-104 0.4z"
                  fill="#8cb581"
                  p-id="860"
                ></path>
                <path
                  d="M457 604c-7.8 0-15.8-2.8-22-9.2l-66.6-66.6c-12-12-12-31.8 0-43.8 12-12 31.8-12 43.8 0l44.6 44.6 156-156c12-12 31.8-12 43.8 0 12 12 12 31.8 0 43.8l-178 178c-6 6.4-13.8 9.2-21.6 9.2z"
                  fill="#8cb581"
                  p-id="861"
                ></path></svg
              >企业
            </div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot4.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>腾讯 Tencent</strong
              ><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 66.85%</span></div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot5.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>阿里巴巴</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 65.22%</span></div>
            <div class="qiye">
              <svg
                t="1665065763530"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="859"
                width="16"
                height="16"
              >
                <path
                  d="M512.4 957c-45.2 0-89.8-13.2-125-39.4l-178-132.8c-47.2-35.2-84-108.8-84-167.2V309.8c0-63.8 46.8-131.6 106.8-154l206.4-77.4c41-15.4 105.6-15.4 146.4 0l206.4 77.4c60 22.4 106.8 90.2 106.8 154v307.4c0 58.8-36.8 132-84 167.2l-178 132.8c-34 26.6-78.6 39.8-123.8 39.8zM460.6 136.8l-206.4 77.4c-35.2 13.2-66.2 58-66.2 96v307.4c0 39.4 27.8 94.4 58.8 117.6l178 132.8c47.6 35.6 127.8 35.6 175.8 0l178-132.8c31.4-23.6 58.8-78.2 58.8-117.6V309.8c0-37.6-31-82.4-66.2-96L564.6 136.4c-28.2-10-76.2-10-104 0.4z"
                  fill="#8cb581"
                  p-id="860"
                ></path>
                <path
                  d="M457 604c-7.8 0-15.8-2.8-22-9.2l-66.6-66.6c-12-12-12-31.8 0-43.8 12-12 31.8-12 43.8 0l44.6 44.6 156-156c12-12 31.8-12 43.8 0 12 12 12 31.8 0 43.8l-178 178c-6 6.4-13.8 9.2-21.6 9.2z"
                  fill="#8cb581"
                  p-id="861"
                ></path></svg
              >企业
            </div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot6.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>谷歌 Google</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 70.38%</span></div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot7.png" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>亚马逊</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 69.73%</span></div>
            <div class="qiye">
              <svg
                t="1665065763530"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="859"
                width="16"
                height="16"
              >
                <path
                  d="M512.4 957c-45.2 0-89.8-13.2-125-39.4l-178-132.8c-47.2-35.2-84-108.8-84-167.2V309.8c0-63.8 46.8-131.6 106.8-154l206.4-77.4c41-15.4 105.6-15.4 146.4 0l206.4 77.4c60 22.4 106.8 90.2 106.8 154v307.4c0 58.8-36.8 132-84 167.2l-178 132.8c-34 26.6-78.6 39.8-123.8 39.8zM460.6 136.8l-206.4 77.4c-35.2 13.2-66.2 58-66.2 96v307.4c0 39.4 27.8 94.4 58.8 117.6l178 132.8c47.6 35.6 127.8 35.6 175.8 0l178-132.8c31.4-23.6 58.8-78.2 58.8-117.6V309.8c0-37.6-31-82.4-66.2-96L564.6 136.4c-28.2-10-76.2-10-104 0.4z"
                  fill="#8cb581"
                  p-id="860"
                ></path>
                <path
                  d="M457 604c-7.8 0-15.8-2.8-22-9.2l-66.6-66.6c-12-12-12-31.8 0-43.8 12-12 31.8-12 43.8 0l44.6 44.6 156-156c12-12 31.8-12 43.8 0 12 12 12 31.8 0 43.8l-178 178c-6 6.4-13.8 9.2-21.6 9.2z"
                  fill="#8cb581"
                  p-id="861"
                ></path></svg
              >企业
            </div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot8.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>美团</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 68.15%</span></div>
            <div class="qiye">
              <svg
                t="1665065763530"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="859"
                width="16"
                height="16"
              >
                <path
                  d="M512.4 957c-45.2 0-89.8-13.2-125-39.4l-178-132.8c-47.2-35.2-84-108.8-84-167.2V309.8c0-63.8 46.8-131.6 106.8-154l206.4-77.4c41-15.4 105.6-15.4 146.4 0l206.4 77.4c60 22.4 106.8 90.2 106.8 154v307.4c0 58.8-36.8 132-84 167.2l-178 132.8c-34 26.6-78.6 39.8-123.8 39.8zM460.6 136.8l-206.4 77.4c-35.2 13.2-66.2 58-66.2 96v307.4c0 39.4 27.8 94.4 58.8 117.6l178 132.8c47.6 35.6 127.8 35.6 175.8 0l178-132.8c31.4-23.6 58.8-78.2 58.8-117.6V309.8c0-37.6-31-82.4-66.2-96L564.6 136.4c-28.2-10-76.2-10-104 0.4z"
                  fill="#8cb581"
                  p-id="860"
                ></path>
                <path
                  d="M457 604c-7.8 0-15.8-2.8-22-9.2l-66.6-66.6c-12-12-12-31.8 0-43.8 12-12 31.8-12 43.8 0l44.6 44.6 156-156c12-12 31.8-12 43.8 0 12 12 12 31.8 0 43.8l-178 178c-6 6.4-13.8 9.2-21.6 9.2z"
                  fill="#8cb581"
                  p-id="861"
                ></path></svg
              >企业
            </div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot9.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>Shopee</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 76.25%</span></div>
            <div class="qiye">
              <svg
                t="1665065763530"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="859"
                width="16"
                height="16"
              >
                <path
                  d="M512.4 957c-45.2 0-89.8-13.2-125-39.4l-178-132.8c-47.2-35.2-84-108.8-84-167.2V309.8c0-63.8 46.8-131.6 106.8-154l206.4-77.4c41-15.4 105.6-15.4 146.4 0l206.4 77.4c60 22.4 106.8 90.2 106.8 154v307.4c0 58.8-36.8 132-84 167.2l-178 132.8c-34 26.6-78.6 39.8-123.8 39.8zM460.6 136.8l-206.4 77.4c-35.2 13.2-66.2 58-66.2 96v307.4c0 39.4 27.8 94.4 58.8 117.6l178 132.8c47.6 35.6 127.8 35.6 175.8 0l178-132.8c31.4-23.6 58.8-78.2 58.8-117.6V309.8c0-37.6-31-82.4-66.2-96L564.6 136.4c-28.2-10-76.2-10-104 0.4z"
                  fill="#8cb581"
                  p-id="860"
                ></path>
                <path
                  d="M457 604c-7.8 0-15.8-2.8-22-9.2l-66.6-66.6c-12-12-12-31.8 0-43.8 12-12 31.8-12 43.8 0l44.6 44.6 156-156c12-12 31.8-12 43.8 0 12 12 12 31.8 0 43.8l-178 178c-6 6.4-13.8 9.2-21.6 9.2z"
                  fill="#8cb581"
                  p-id="861"
                ></path></svg
              >企业
            </div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot10.jpg" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>百度</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 64.09%</span></div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot11.webp" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>今日头条</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 67.43%</span></div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="logo"><img src="./images/hot12.png" alt="" /></div>
          <div class="text">
            <div class="title">
              <strong>Hulu</strong><img src="./images/plug.svg" alt="" />
            </div>
            <div class="choose"><span>全站通过率 75.56%</span></div>
          </div>
          <div class="bottom">
            <div class="left"><span>企业题库</span></div>
            <div class="right">
              <svg
                t="1665111401367"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1009"
                width="16"
                height="16"
              >
                <path
                  d="M719 957h-414c-182.6 0-238-55.4-238-238v-82.8c0-182.6 55.4-238 238-238h414c182.6 0 238 55.4 238 238v82.8c0 182.6-55.4 238-238 238z m-414-496.8c-148.2 0-176 28.2-176 176v82.8c0 147.8 27.8 176 176 176h414c148.2 0 176-28.2 176-176v-82.8c0-147.8-27.8-176-176-176h-414z"
                  fill="#ffa116"
                  p-id="1010"
                ></path>
                <path
                  d="M263.6 460.2c-17 0-31-14-31-31v-82.8c0-120 29-279.4 279.4-279.4 185.4 0 279.4 79.8 279.4 238 0 17-14 31-31 31s-31-14-31-31c0-82-24.8-176-217.4-176-180.4 0-217.4 87-217.4 217.4v82.8c0 17-14 31-31 31zM512 812.2c-74 0-134.6-60.4-134.6-134.6s60.4-134.6 134.6-134.6 134.6 60.4 134.6 134.6-60.6 134.6-134.6 134.6z m0-207c-39.8 0-72.4 32.8-72.4 72.4 0 39.8 32.8 72.4 72.4 72.4s72.4-32.8 72.4-72.4c0-39.8-32.6-72.4-72.4-72.4z"
                  fill="#ffa116"
                  p-id="1011"
                ></path></svg
              ><span>开始模拟面试</span>
            </div>
          </div>
        </a>
      </div>
    </div>
    <div class="footer-wrapper">
      <div class="footer">
        <div class="title">
          <div class="one">
            <a class="bold" href="javascript:;">乐学EnjoyLearn</a>
            <a href="javascript:;">竞赛</a>
            <a href="javascript:;">EnjoyBook</a>
            <a href="javascript:;">讨论社区</a>
            <a href="javascript:;">求职</a>
            <a href="javascript:;">Plus 会员</a>
            <a href="javascript:;">周边商城</a>
          </div>
          <div class="two">
            <a class="bold" href="javascript:;">企业服务</a>
            <a href="javascript:;">在线面试</a>
            <a href="javascript:;">企业测评</a>
            <a href="javascript:;">招募</a>
            <a href="javascript:;">培训</a>
            <a href="javascript:;">解决方案</a>
          </div>
          <div class="three">
            <a class="bold" href="javascript:;">商务</a>
            <a href="javascript:;">社区合作</a>
            <a href="javascript:;">活动</a>
            <a href="javascript:;">赞助竞赛</a>
            <a href="javascript:;">产品推广</a>
            <a href="javascript:;">校园合作</a>
          </div>
          <div class="four">
            <a class="bold" href="javascript:;">关于我们</a>
            <a href="javascript:;">价值观</a>
            <a href="javascript:;">工作机会</a>
          </div>
        </div>
        <div class="icon-wrapper">
          <a href="javascript:;">
            <svg
              t="1665123655435"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2640"
              width="23"
              height="23"
            >
              <path
                d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z"
                p-id="2641"
                fill="#b2b7c0"
              ></path></svg
          ></a>
          <a href="javascript:;">
            <svg
              t="1665123726510"
              class="icon"
              viewBox="0 0 1138 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2932"
              width="23"
              height="23"
            >
              <path
                d="M914.432 518.144q27.648 21.504 38.912 51.712t9.216 62.976-14.336 65.536-31.744 59.392q-34.816 48.128-78.848 81.92t-91.136 56.32-94.72 35.328-89.6 18.944-75.264 7.68-51.712 1.536-49.152-2.56-68.096-10.24-78.336-21.504-79.872-36.352-74.24-55.296-59.904-78.848q-16.384-29.696-22.016-63.488t-5.632-86.016q0-22.528 7.68-51.2t27.136-63.488 53.248-75.776 86.016-90.112q51.2-48.128 105.984-85.504t117.248-57.856q28.672-10.24 63.488-11.264t57.344 11.264q10.24 11.264 19.456 23.04t12.288 29.184q3.072 14.336 0.512 27.648t-5.632 26.624-5.12 25.6 2.048 22.528q17.408 2.048 33.792-1.536t31.744-9.216 31.232-11.776 33.28-9.216q27.648-5.12 54.784-4.608t49.152 7.68 36.352 22.016 17.408 38.4q2.048 14.336-2.048 26.624t-8.704 23.04-7.168 22.016 1.536 23.552q3.072 7.168 14.848 13.312t27.136 12.288 32.256 13.312 29.184 16.384zM656.384 836.608q26.624-16.384 53.76-45.056t44.032-64 18.944-75.776-20.48-81.408q-19.456-33.792-47.616-57.344t-62.976-37.376-74.24-19.968-80.384-6.144q-78.848 0-139.776 16.384t-105.472 43.008-72.192 60.416-38.912 68.608q-11.264 33.792-6.656 67.072t20.992 62.976 42.496 53.248 57.856 37.888q58.368 25.6 119.296 32.256t116.224 0.512 100.864-21.504 74.24-33.792zM522.24 513.024q20.48 8.192 38.912 18.432t32.768 27.648q10.24 12.288 17.92 30.72t10.752 39.424 1.536 42.496-9.728 38.912q-8.192 18.432-19.968 37.376t-28.672 35.328-40.448 29.184-57.344 18.944q-61.44 11.264-117.76-11.264t-88.064-74.752q-12.288-39.936-13.312-70.656t16.384-66.56q13.312-27.648 40.448-51.712t62.464-38.912 75.264-17.408 78.848 12.8zM359.424 764.928q37.888 3.072 57.856-18.432t21.504-48.128-15.36-47.616-52.736-16.896q-27.648 3.072-43.008 23.552t-17.408 43.52 9.728 42.496 39.424 21.504zM778.24 6.144q74.752 0 139.776 19.968t113.664 57.856 76.288 92.16 27.648 122.88q0 33.792-16.384 50.688t-35.328 17.408-35.328-14.336-16.384-45.568q0-40.96-22.528-77.824t-59.392-64.512-84.48-43.52-96.768-15.872q-31.744 0-47.104-15.36t-14.336-34.304 18.944-34.304 51.712-15.36zM778.24 169.984q95.232 0 144.384 48.64t49.152 146.944q0 30.72-10.24 43.52t-22.528 11.264-22.528-14.848-10.24-35.84q0-60.416-34.816-96.256t-93.184-35.84q-19.456 0-28.672-10.752t-9.216-23.04 9.728-23.04 28.16-10.752z"
                p-id="2933"
                fill="#b2b7c0"
              ></path></svg
          ></a>
          <a href="javascript:;"
            ><svg
              t="1665123744665"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="3408"
              width="23"
              height="23"
            >
              <path
                d="M544.949 561.422s0-71.387-34.779-75.050c-34.779-3.663-142.775 0-142.775 0v-219.654h161.078s-1.83-73.219-32.949-73.219h-261.755l43.93-117.148s-65.897 3.663-89.692 45.761-98.844 252.604-98.844 252.604 25.627 10.983 67.726-20.134c42.101-31.116 56.743-86.033 56.743-86.033l76.879-3.663 1.83 223.316s-133.621-1.83-161.078 0c-27.457 1.83-42.101 75.050-42.101 75.050h203.182s-18.307 124.47-69.557 214.164c-53.085 89.692-151.929 161.078-151.929 161.078s71.387 29.287 140.947-10.983c69.557-42.101 120.811-223.316 120.811-223.316l162.912 203.182s14.643-97.013-1.83-124.47c-18.307-27.457-113.49-137.283-113.49-137.283l-42.101 36.607 29.287-120.811h177.552zM587.050 188.010l-1.83 660.793h65.897l23.795 82.37 115.321-82.37h162.912v-660.793h-366.091zM879.92 775.584h-76.879l-97.013 75.050-21.965-75.050h-20.134v-512.527h215.991v512.527z"
                fill="#b2b7c0"
                p-id="3409"
              ></path></svg
          ></a>
          <a href="javascript:;">
            <svg
              t="1665123759483"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="3700"
              width="23"
              height="23"
            >
              <path
                d="M197.667 361c2.11 0 7.389-2.111 15.833-6.333 78.112-35.89 155.166-85.5 231.167-148.834 2.11-2.11 5.277-4.222 9.5-6.333 42.222-40.111 77.055-53.833 104.5-41.167 6.333 4.223 25.333 19 57 44.334 54.889 46.444 138.277 100.277 250.166 161.5 29.556 16.889 38 38 25.334 63.333-12.667 33.778-47.5 34.833-104.5 3.167-73.89-35.89-150.944-89.722-231.167-161.5-12.667-8.445-28.5-6.334-47.5 6.333l-3.167 3.167c-82.333 71.778-167.833 125.61-256.5 161.5-35.889 14.778-61.222 11.61-76-9.5C157.555 403.222 166 380 197.667 361z m47.5 174.167h525.666c59.112 0 86.556 22.166 82.334 66.5-63.334 183.667-240.666 281.833-532 294.5-38-2.111-57-19-57-50.667 4.222-23.222 26.388-36.944 66.5-41.167 192.112-8.444 324.055-60.166 395.833-155.166 10.556-16.89 9.5-26.39-3.167-28.5H245.167c-27.445 0-42.223-13.722-44.334-41.167 2.111-27.445 16.89-42.222 44.334-44.333zM546 500.333c-14.778-12.666-40.11-45.388-76-98.166-19-23.223-15.833-43.278 9.5-60.167 25.333-14.778 49.611-11.611 72.833 9.5 33.778 33.778 60.167 69.666 79.167 107.667 6.333 27.444-2.111 47.5-25.333 60.166-25.334 10.556-45.39 4.223-60.167-19z"
                p-id="3701"
                fill="#b2b7c0"
              ></path></svg
          ></a>
        </div>
      </div>
      <div class="bottom">
        <div class="left">@ 2022 乐学EnjoyLearn</div>
        <div class="right">
          <a href="javascript:;">商务咨询</a>
          <span class="line">|</span>
          <a href="javascript:;">侵权保护</a>
          <span class="line">|</span>
          <a href="javascript:;">问题反馈</a>
          <span class="line">|</span>
          <a href="javascript:;">加入我们</a>
          <span class="line">|</span>
          <a href="javascript:;">使用条款</a>
          <span class="line">|</span>
          <a href="javascript:;">隐私政策</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.header-wrapper {
  width: 93em;
  height: 20.6em;
  margin: auto;
  background-color: #36393f;
  border-radius: 1.8em;
  .topbar {
    line-height: 6em;
    input {
      width: 62em;
      height: 3.3em;
      margin-top: 3em;
      padding: 0 2em;
      border-radius: 1em;
      border: 1px solid white;
      background-color: #36393f;
      outline: none;
      &::-webkit-input-placeholder {
        color: #b2b7c0;
      }
    }
  }
  //热门搜索
  .hot {
    width: 65.5em;
    padding: 1em 2em;
    margin-left: 11em;
    span {
      width: 6em;
      height: 8em;
      line-height: 1.8em;
      float: left;
      color: rgba(236, 231, 231, 0.945);
    }
    .one {
      margin-bottom: 0.3em;
    }
    ul {
      width: 66em;
      height: 3em;
      li {
        height: 1.8em;
        line-height: 1.8em;
        float: left;
        padding: 0 0.6em;
        &:hover {
          background-color: black;
          border-radius: 1.8em;
          a {
            text-decoration: none;
            color: white;
          }
        }
        img {
          width: 18px;
          margin: 2px 6px;
          float: left;
        }
        a {
          line-height: 1.8em;
          color: rgba(236, 231, 231, 0.945);
          &:hover {
            color: white !important;
          }
        }
      }
    }
  }
  .bar {
    height: 3em;
    margin: 0.8em 0 0 2.5em;
    .left {
      a {
        width: 5em;
        line-height: 2em;
        font-size: 17px;
        color: rgba(255, 255, 255, 0.801);
        float: left;
        margin-left: 1em;
        &:hover {
          color: rgb(255, 255, 255) !important;
          text-decoration: none;
        }
      }
    }
    .zhanshi {
      width: 8em;
      height: 2em;
      line-height: 2em;
      background-color: #474a50;
      border-radius: 0.8em;
      float: right;
      margin: 0.8em 3em 0 0;
      a {
        color: rgba(240, 248, 255, 0.774);
        &:hover {
          text-decoration: none;
          color: white !important;
        }
      }
    }
  }
}
.body-wrapper {
  width: 100em;
  height: 95em;
  margin: 0 auto;
  .show {
    width: 90em;
    height: 10em;
    margin: 2em auto;
    img {
      width: 43em;
      height: 9.8em;
      border-radius: 1.3em;
      margin: 0 1em;
    }
  }
  .hots {
    width: 90em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    a {
      display: block;
      width: 20.5em;
      height: 23em;
      background-color: #36393f;
      color: rgba(236, 231, 231, 0.945);
      border-radius: 1.1em;
      margin: 1em;
      &:hover {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.945) !important;
      }
      .logo {
        width: 6em;
        padding: 1.3em 0 0.8em 1.5em;
        img {
          display: block;
          width: 3.8em;
        }
      }
      .text {
        width: 100%;
        height: 12em;
        div {
          text-align: initial;
          line-height: 2em;
        }
        .title {
          strong {
            margin: 0.8em;
            font-size: 17px;
            font-weight: bold;
            color: #b2b7c0;
          }
        }
        .choose {
          margin: 0 1.1em;
          span {
            font-size: 10px;
            color: #b2b7c0;
          }
        }
        .qiye {
          margin: 5em 0 0 1.1em;
          svg {
            position: relative;
            top: 3px;
          }
        }
      }
      .bottom {
        width: 100%;
        height: 5em;
        background-color: #2e2f33;
        line-height: 0;
        border-radius: 0 0 1.1em 1.1em;
        div {
          border-radius: 0.3em;
          &:hover {
            background-color: #474a50;
          }
        }
        span {
          line-height: 2em;
        }
        .left {
          float: left;
          width: 5.5em;
          height: 2em;
          font-size: 13px;
          color: #b2b7c0;
          margin: 1.5em 1em;
        }
        .right {
          float: right;
          width: 8.5em;
          height: 2em;
          margin-right: 1.3em;
          font-size: 14px;
          color: #ffa116;
          margin: 1.3em 1em 0;
          svg {
            position: relative;
            top: 3px;
            left: -3px;
          }
        }
      }
    }
  }
}
.footer-wrapper {
  width: 90em;
  margin: auto;
  .footer {
    height: 20em;
    border-bottom: 1px solid #8c9199;
    .title {
      width: 90em;
      height: 17.1em;
      display: flex;
      div {
        width: 21em;
        height: 2em;
        display: flex;
        flex-direction: column;
        a {
          display: flex;
          line-height: 2em;
          margin-left: 1.5em;
          font-size: 14px;
          color: #b2b7c0;
          &:hover {
            text-decoration: none;
            color: white !important;
          }
        }
        .bold {
          color: white;
          &:hover {
            color: #b2b7c0 !important;
          }
        }
      }
    }
    .icon-wrapper {
      width: 15em;
      height: 2em;
      line-height: 0;
      float: right;
      .icon {
        margin: 0 0.8em;
      }
    }
  }
  .bottom {
    width: 90em;
    height: 2em;
    margin: 1em auto;
    .left {
      line-height: 2em;
      float: left;
      font-size: 15px;
      color: white;
    }
    .right {
      line-height: 2em;
      float: right;
      font-size: 15px;
      a {
        color: white;
      }
      .line {
        color: white;
        margin: 0 0.5em;
      }
    }
  }
}
</style>